<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>我的订单</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <!--<link rel="stylesheet" href="/plugins/swiper/swiper4.2.min.css">-->
    <link rel="stylesheet" href="/css/purchase/myOrder.min.css?v=<%=$version%>">
</head>
<body>
<div id="myOrder" v-cloak>
    <header class="discount-header">
        <span class="goback" @click="getBack()"></span>
        我的订单
        <span class="goScreen" @click="getNext1(1)"></span>
    </header>
    <div class="myOrder-tab">
        <span v-for="item in tabList" :class="{'active':value==item.val}" @click="getTab(item.val)">{{item.name}}</span>
    </div>
    <div class="confirmOrder-cent">
        <template  v-for="(item,index) in orderList2">
            <div class="confirmOrder-centList" v-if="value!=100">
                <div class="centList-title">
                    <template v-if="item.mediaUserId==0">
                        <span class="headName">{{item.name}}</span>
                    </template>
                    <template v-else>
                        <strong class="headImg" :style="bgimg(item.headImg)" @click="getNext(item.mediaUserId,4)"></strong>{{item.name}}
                    </template>
                    <span class="titleState" :class="{'state':item.state==1}">{{{"1":"等待付款","2":"等待付款","3":"待收货","4":"待收货","5":"已完成","6":"暂存储","7":"已完成","8":"已取消","9":"已转售","10":"已关闭"}[''+item.state]}}</span>
                </div>
                <div class="confirmOrder-listCent">
                    <div class="centList-cent clearfix" v-for="(list,ins) in item.subList" @click="getNext(list.orderNumber,1)">
                        <div class="centList-centImg" :style="bgimg(list.imgSrc)">
                            <span class="shoppingCart-icon1" v-if="list.activityType==3"></span>
                            <span class="shoppingCart-icon2" v-if="list.activityType==2"></span>
                            <span class="shoppingCart-icon3" v-if="list.activityType==1"></span>
                        </div>
                        <div class="centList-centRight">
                            <h6 class="clearfix">{{list.title}}<span class="centRight-h6"><span>×</span>{{list.number}}</span></h6>
                            <p v-if="list.activityType==3">{{list.colorName}}<span></span>当前<strong>9.0</strong>折</p>
                            <p v-else>{{list.colorName}}<i v-if="list.colorName">&nbsp;</i>{{list.specName}}</p>
                            <div class="happyi-mon"><span>&yen;</span>{{list.integral}}</div>
                        </div>
                    </div>
                </div>
                <div class="centList-butt">
                    <template v-if="item.state==1">
                        <div class="buttState1">
                            合计：<span class="integral"><span class="happyi-mon">&yen;{{item.payMoney}}</span>&nbsp;&nbsp;(含运费:<span class="happyi-mon"><span>&yen;</span>{{item.freightIntegral}}</span>)</span><span class="btn" :class="{'btn1':compareDate(item)<0}" @click="getNext(item.orderNumber,1)">支付<strong :id="'stateData'+index">{{leftTimer(item,index)}}</strong></span>
                        </div>
                    </template>
                    <template v-else>
                        <div class="buttState6 clearfix">
                            <span class="buttState-btn" v-if="item.state==5||item.state==7" @click="getNext(item.orderNumber,3)">申请售后</span>
                            <span class="buttState-btn" v-if="item.state==3||item.state==4" @click="getLogistics(item)">查看物流</span>
                            <span class="buttState-btn" v-if="item.state==7||item.state==8||item.state==9||item.state==10" @click="deleteuserOrder(item.orderNumber)">删除订单</span>
                            <span class="buttState-btn" v-if="item.state==3||item.state==4" @click="confirmCollectGoods(item.orderNumber)">确认收货</span>
                        </div>
                    </template>
                </div>
            </div>
            <div class="confirmOrder-share" v-if="value==100">
                <div class="centList-title">
                    <template v-if="item.mediaUserId==0">
                        <span class="headName">{{item.name}}</span>
                    </template>
                    <template v-else>
                        <strong class="headImg" :style="bgimg(item.headImg)"></strong>{{item.name}}
                    </template>
                    <span class="titleState state">待分享</span>
                </div>
                <div class="coupon-list" v-for="list in item.subList">
                    <strong class="coupon-lableIcon"></strong>
                    <span class="coupon-txt">{{list.discount}}折</span>
                    <strong class="slide-img" :style="bgimg(list.imgSrc)"></strong>
                    <h6>{{list.title}}</h6>
                    <span class="purchase-icon2"></span>
                    <p>商品原价：&yen;{{list.price}}</p>
                    <div class="list-butt">
                        <div>共1件商品&nbsp;&nbsp;&nbsp;实付款：<span class="list-buttMoney">{{list.integral}}</span></div>
                        <div>
                            <span class="list-btn" @click="getNext(item.orderNumber,2)">邀请好友</span>
                            <!--<span class="list-btn1" @click="canceluserOrder(item.orderNumber)">取消订单</span>-->
                        </div>

                    </div>
                </div>
            </div>
        </template>
        <div class="loadtip" v-if="loadFlag"></div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/purchase/myOrder.js?v=<%=$version%>"></script>
<script>
</script>
</body>
</html>